<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">

<head th:include="common/front_head :: htmlhead">
<body class="met-navfixed">

<nav th:replace="common/front_head :: nav"></nav>

<div class="met-banner " data-height='||'>

    <div class="slick-slide" th:each="cover,coverStat : ${coverlist}" th:if="${coverStat.count}<=4">
        <a th:href="@{'/front/contentdetail/'+${cover.contentid}}" target="_self">
            <img class="cover-image" th:src="@{'/'+${cover.pic}}" sizes="(max-width: 767px) 500px" alt="">
        </a>
    </div>
</div>

<div class="met-index-news met-index-body">
    <div class="container">
        <h3 class="invisible" data-plugin="appear" data-animate="fade" data-repeat="false">新闻动态</h3>
        <!--        <p class="desc invisible animation-delay-100" data-plugin="appear" data-animate="fadeInDown" data-repeat="false">News</p>-->
        <!--        <p class="desc invisible animation-delay-200" data-plugin="appear" data-animate="fadeInDown" data-repeat="false">描述</p>-->
        <ul class="blocks-2" data-scale='0.6' >
            <li class="invisible animation-delay-300" data-plugin="appear" data-animate="fadeInRight" data-repeat="false" th:each="content,contentStat : ${contentlistxw}" th:if="${contentStat.count}<=4">
                <div class="media media-lg">
                    <div class="media-body">
                        <h4 class="media-heading">
                            <span class="news_time" th:text="${#dates.format(content.publishtime,'yyyy-MM-dd')}"></span>
                            <a th:href="@{/front/contentdetail/{id}(id=${content.id})}" th:title="${content.title}" th:text="${content.title}" target='_self'>
                            </a>
                        </h4>
                    </div>
                </div>
            </li>
        </ul>
        <a th:href="@{/front/newslist(type='xwdt',pagenum=1)}" class="more" title="新闻动态" target='_self'></a>
    </div>
</div>
<div class="met-index-news met-index-body">
    <div class="container">
        <h3 class="invisible" data-plugin="appear" data-animate="fade" data-repeat="false">活动展讯</h3>
        <!--        <p class="desc invisible animation-delay-100" data-plugin="appear" data-animate="fadeInDown" data-repeat="false">News</p>-->
        <!--        <p class="desc invisible animation-delay-200" data-plugin="appear" data-animate="fadeInDown" data-repeat="false">描述</p>-->
        <ul class="blocks-2" data-scale='0.6' >
            <li class="invisible animation-delay-300" data-plugin="appear" data-animate="fadeInRight" data-repeat="false" th:each="content,contentStat : ${contentlisthd}" th:if="${contentStat.count}<=4">
                <div class="media media-lg">
                    <div class="media-body">
                        <h4 class="media-heading">
                            <span class="news_time" th:text="${#dates.format(content.publishtime,'yyyy-MM-dd')}"></span>
                            <a th:href="@{/front/contentdetail/{id}(id=${content.id})}" th:title="${content.title}" th:text="${content.title}" target='_self'>
                            </a>
                        </h4>
                    </div>
                </div>
            </li>
        </ul>
        <a th:href="@{/front/newslist(type='hdzx',pagenum=1)}" class="more" title="活动展讯" target='_self'></a>
    </div>
</div>
<div class="met-index-news met-index-body">
    <div class="container">
        <h3 class="invisible" data-plugin="appear" data-animate="fade" data-repeat="false">通知通告</h3>
        <!--        <p class="desc invisible animation-delay-100" data-plugin="appear" data-animate="fadeInDown" data-repeat="false">News</p>-->
        <!--        <p class="desc invisible animation-delay-200" data-plugin="appear" data-animate="fadeInDown" data-repeat="false">描述</p>-->
        <ul class="blocks-2" data-scale='0.6' >
            <li class="invisible animation-delay-300" data-plugin="appear" data-animate="fadeInRight" data-repeat="false" th:each="content,contentStat : ${contentlisttz}" th:if="${contentStat.count}<=4">
                <div class="media media-lg">
                    <div class="media-body">
                        <h4 class="media-heading">
                            <span class="news_time" th:text="${#dates.format(content.publishtime,'yyyy-MM-dd')}"></span>
                            <a th:href="@{/front/contentdetail/{id}(id=${content.id})}" th:title="${content.title}" th:text="${content.title}" target='_self'>
                            </a>
                        </h4>
                    </div>
                </div>
            </li>
        </ul>
        <a th:href="@{/front/newslist(type='tztg',pagenum=1)}" class="more" title="通知通告" target='_self'></a>
    </div>
</div>
<div class="met-index-news met-index-body">
    <div class="container">
        <h3 class="invisible" data-plugin="appear" data-animate="fade" data-repeat="false">学术成果</h3>
        <!--        <p class="desc invisible animation-delay-100" data-plugin="appear" data-animate="fadeInDown" data-repeat="false">News</p>-->
        <!--        <p class="desc invisible animation-delay-200" data-plugin="appear" data-animate="fadeInDown" data-repeat="false">描述</p>-->
        <ul class="blocks-2" data-scale='0.6' >
            <li class="invisible animation-delay-300" data-plugin="appear" data-animate="fadeInRight" data-repeat="false" th:each="content,contentStat : ${contentlistxs}" th:if="${contentStat.count}<=4">
                <div class="media media-lg">
                    <div class="media-body">
                        <h4 class="media-heading">
                            <span class="news_time" th:text="${#dates.format(content.publishtime,'yyyy-MM-dd')}"></span>
                            <a th:href="@{/front/contentdetail/{id}(id=${content.id})}" th:title="${content.title}" th:text="${content.title}" target='_self'>
                            </a>
                        </h4>
                    </div>
                </div>
            </li>
        </ul>
        <a th:href="@{/front/newslist(type='xscg',pagenum=1)}" class="more" title="学术成果" target='_self'></a>
    </div>
</div>
<div class="met-index-product met-index-body">
    <div class="container">
        <h3 class="invisible" data-plugin="appear" data-animate="fade" data-repeat="false">会员风采</h3>
        <p class="desc invisible animation-delay-100" data-plugin="appear" data-animate="fadeInDown" data-repeat="false"></p>
        <p class="desc invisible animation-delay-200" data-plugin="appear" data-animate="fadeInDown" data-repeat="false"></p>
        <div class="slider index_product animation-delay-300" id="product_list" data-show="2 2 4 4" data-plugin="appear" data-animate="slide-bottom" data-repeat="false">
            <div data-type="list_6" th:each="union,unionStat : ${unionlist}" th:if="${unionStat.count}<=4">
                <div class="widget widget-shadow">
                    <figure class="widget-header cover">
                        <a th:href="@{/front/vipdetail(type='hyfc',id=${union.id})}" th:title="${union.username}" target='_self'>
                            <div class="mask">
                            </div>
                            <img class="img-responsive" th:src="${union.picid}" />
                        </a>
                    </figure>
                    <h4 class="widget-title">
                        <a th:href="@{/front/vipdetail(type='hyfc',id=${union.id})}" th:title="${union.username}" target='_self' th:text="${union.username}"></a>
                        <p></p>
                    </h4>
                </div>
            </div>
        </div>
        <a th:href="@{/front/usershow(type='hyfc',pagenum=1)}" class="index_more" style="margin-top: -12px;"></a>
    </div>
</div>
<div class="met-index-about met-index-body">
    <div class="container ">
        <div class="about_img col-sm-12 col-md-4 col-lg-4" data-animate="zoomIn" data-plugin="appear" data-repeat="false">
            <img src="http://47.104.138.51:8084/ms-mcms/templets/1/company1811/images/1504776544.jpg" /></div>
        <div class="about_cont col-sm-12 col-md-8 col-lg-8">
            <h3 class="invisible" data-plugin="appear" data-animate="fade" data-repeat="false">关于我们</h3>
            <p class="desc invisible animation-delay-100" data-plugin="appear" data-animate="fadeInDown" data-repeat="false">About Us</p>
            <p class="desc invisible animation-delay-200" data-plugin="appear" data-animate="fadeInDown" data-repeat="false">
                全国工业博物馆联盟是由致力于推进我国工业博物馆事业发展的组织自愿结成的全国性、行业性的非营利性组织，旨在为全国范围内的工业博物馆和相关组织搭建交流合作平台，
                实现资源统筹开发和高效利用，形成规模效应，促进联盟成员的协同发展与共同提高，整体提升工业博物馆的社会效益、经济效益和社会影响力。
            </p>
            <div class="met-editor no-gallery lazyload clearfix invisible animation-delay-300" data-plugin="appear" data-animate="fadeInDown" data-repeat="false">
            </div>
            <a th:href="@{/front/aboutus/gywm}" class="more" data-animate="bounceIn"></a>
        </div>
    </div>
</div>
<div th:replace="common/front_head :: footnav"></div>
<footer th:replace="common/front_head :: footer"></footer>

<button type="button" class="btn btn-icon btn-primary btn-squared met-scroll-top hide">
    <i class="iconfont" aria-hidden="true">&#xe608;</i>
</button>
<script th:src="@{/static/js/metinfo.js}"></script>
<script>
    $(".navbar-nav>li").eq(0).addClass("active").find("a").addClass("link").addClass("active");
</script>

</body>
</html>
